.top{
    width: 100%;
    height: 8.5rem;
    background: #f6f6f6 url("https://mlogin.vip.com/asserts/img/login_bg.3a93a8bf.jpg") no-repeat 0 0;
    overflow: hidden;
    position: relative;
    .out{
        margin: .55rem .4rem;
        float: right;
        position: relative;
        display: inline-block;
        width: 1.1rem;
        height: 1.1rem;
        .lineone, .linetwo{
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            display: inline-block;
            width: 1.1rem;
            height: .05rem;
            background: #000;
            transform-origin: center;
        }
        .lineone{
            transform: rotate(45deg);
        }
        .linetwo{
            transform: rotate(-45deg);
        }
    }
    .img{
        width: 6.25rem;
        height: 2.5rem;
        background: url("https://mlogin.vip.com/asserts/img/logo.ac5608f4.png") no-repeat 0 0;
        background-size: 100% auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        opacity: .9;
    }
}
.phoneSign{
    .phone{
        display: flex;
        width: 100%;
        height: 2.6rem;
        line-height: 2.6rem;
        font-size: .8rem;
        border-bottom: 1px solid #e7e7e7;
        background: #fff;
        box-sizing: border-box;
        position: relative;    
        label{
            display: inline-block;
            width: 20%;
            padding-left: .8rem;
            box-sizing: border-box;
        }
        input{
            display: inline-block;
            width: 80%;
            font-size: .8rem;
            background-color: #fff!important;
            color: #222;
            padding-left: .5rem;
            box-sizing: border-box;
            &::placeholder{
                font-size: .8rem;
                opacity: .6;
            }
        } 
        .eye{
            position: absolute;
            right: 0;
            width: 2.5rem;
            height: 2.6rem;
            background: url("https://mlogin.vip.com/asserts/img/hidepassword.fe24f3c7.png") no-repeat 50%;
            background-size: 50% auto;
        }  
    }
    .verification{
        height: 3.7rem;
        width: 100%;
        text-align: center;
        padding-top: 1.5rem;
        a:nth-of-type(1){
            display: inline-block;
            width: 92%;
            height: 2.2rem;
            line-height: 2.2rem;
            background-color: #caccd2;
            text-decoration: none!important;
            text-align: center;
            border-radius: 1.1rem;
            box-sizing: border-box;
            font-size: .8rem;
            color: #fff;
        }
        .code{
            color: #0079ff;
            float: right;
            font-size: .7rem;
            margin-right: .8rem;
            margin-top: .8rem;
        }
    }
}
.signChange{
    width: 100%;
    height: 8.7rem;
    padding-top: 1.3rem;
    box-sizing: border-box;
    .changeBox{
        text-align: center;
        height: 6rem;
        width: 100%;
        .or{
            width: 100%;
            height: .9rem;
            position: relative;
            .line{
                width: 100%;
                height: .01rem;
                background: #dbdbdb;
                position: absolute;
                top: 35%;
                z-index: 2;
            }
            .text{
                width: 1.6rem;
                height: .9rem;
                color: #dbdbdb;
                background-color: #fff;
                font-size: .6rem;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: 9;
            }
        }
        a{
            height: 1.8rem;
            line-height: 1.8rem;
            padding: 0 .7rem;
            border-radius: .9rem;
            display: inline-block;
            border: 1px solid #e4007f;
            color: #e4007f;
            text-decoration: none;
            font-size: .7rem;
            margin-top: .5rem;
        }
    }
}
.phones{
    // display: none;
}
.codes{
    display: none;
}
body{
    background-color: #fff;
}
